<template>
    <div class="rightBottom1">
        <div class="d-flex pt-2 pl-2">
            <span>
              <icon name="chart-bar" class="text-icon"></icon>
            </span>
            <div class="d-flex">
                <span class="fs-xl text mx-2">场景预约信息</span>
                <dv-decoration-3 class="dv-dec-3"/>
            </div>
        </div>
        <div style="height: 260px;padding-top: 10px">
            <dv-scroll-board :config="config" style="width:100%;height:100%" />
        </div>
    </div>
</template>

<script>
    import moment from 'moment'
    export default {
        name: "rightBottom1",
        components: {},
        data() {
            return {
                config: {
                    header: ['剧组名', '预约场景', '预约时间'],
                    data: [
                        ['《无相之城》', '广州街,七星街,4号院', this.getDate()],
                        ['《广州十三行》', '古民居,39号院', this.getDate()],
                        ['《公子贵姓》', '清明上河图,樊楼戏台', this.getDate()],
                        ['《平妖传》', '汉街,公主府', this.getDate()],
                        ['《无相之城》', '清明上河图,班房', this.getDate()],
                        ['《新龙门客栈》', '长征,喇嘛庙', this.getDate()],
                        ['《遮天》', '春秋城,渔竂村及苍山客栈', this.getDate()],
                        ['《阿麦从军》', '春秋城,唐城长乐街', this.getDate()],
                        ['《藏海花》', '摄影棚3区,32古东2棚', this.getDate()],
                        ['《吃货皇后》', '华夏园,妙云湖', this.getDate()],
                        ['《初相见》', '摄影棚3区,32古东1棚', this.getDate()],
                        ['《大唐狄公案》', '外景基地,祥湖', this.getDate()],
                        ['《长津湖2》', '产业园,3棚', this.getDate()],
                        ['《独臂裁手》', '任湖田道具库,道具库2', this.getDate()]
                    ],
                    rowNum: 6,
                    // columnWidth: [260],
                    align: ['center','center','center']
                }
            }
        },
        mounted() {
        },
        methods: {
            getDate(){
                return moment(moment(new Date()).add(1,'days')).format('YYYY-MM-DD')
            }
        }
    }
</script>

<style scoped lang="scss">
.rightBottom1{
    $box-width: 100%;
    $box-height: 295px;
    height: $box-height;
    min-width: $box-width;
    border-radius: 5px;
    .text {
        color: #c3cbde; font-size: 16px;
    }
    .dv-dec-3 {
        position: relative;
        width: 100px;
        height: 20px;
        top: -3px;
    }
}
</style>
